<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="/templates/css/plantilla2.html">

	<ui:define name="content">
		<h:outputStylesheet>
.even-row {
    background-color: #FCFFFE;
}
 
.odd-row {
    background-color: #ECF3FE;
}
 
.active-row {
    background-color: #FFEBDA !important;
    cursor: pointer;
}
</h:outputStylesheet>
		<h:form id="form">
	     Codigo
	     <h:inputText>

			</h:inputText>
			<h:commandButton action="#{DocBean.ConsultarHorario()}"
				value="Comfirmar" />

			<rich:dataTable value="#{DocBean.todosLosDatosDeHorario()}" var="hor"
				id="table" rows="20" rowClasses="odd-row, even-row"
				styleClass="stable">
				<rich:column>
					<f:facet name="header">
						<h:outputText value="Horas" />
					</f:facet>
					<h:outputText value="#{DocBean.consultarHoras()}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">
						<h:outputText value="Lunes" />
					</f:facet>
					<h:outputText value="#{DocBean.consultarHorarioPorDia()}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">
						<h:outputText value="Martes" />
					</f:facet>
					<h:outputText value="#{DocBean.consultarHorarioPorDia()}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">
						<h:outputText value="Miercoles" />
					</f:facet>
					<h:outputText value="#{DocBean.consultarHorarioPorDia()}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">
						<h:outputText value="Jueves" />
					</f:facet>
					<h:outputText value="#{DocBean.consultarHorarioPorDia()}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">
						<h:outputText value="Viernes" />
					</f:facet>
					<h:outputText value="#{DocBean.consultarHorarioPorDia()}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">
						<h:outputText value="Sabado" />
					</f:facet>
					<h:outputText value="#{DocBean.consultarHorarioPorDia()}" />
				</rich:column>
			</rich:dataTable>
		</h:form>

		<rich:jQuery selector=".stable tr:odd" query="addClass('odd-row')" />
		<rich:jQuery selector=".stable tr:even" query="addClass('even-row')" />
		<rich:jQuery selector=".stable tr" event="mouseover"
			query="jQuery(this).addClass('active-row')" />
		<rich:jQuery selector=".stable tr" event="mouseout"
			query="jQuery(this).removeClass('active-row')" />

	</ui:define>
</ui:composition>
